<template>
    <div class="setting-main">
        <NavArrow :name="'基本信息'" :border-bol="true" :click="handleClick"></NavArrow>
        <NavArrow :name="'收货信息'" :border-bol="true" :click="handleClick"></NavArrow>
        <NavArrow :name="'修改密码'" :border-bol="true" :click="handleClick"></NavArrow>
        <NavArrow :name="'隐私协议'" :border-bol="true" :click="handleClick"></NavArrow>
        <NavArrow :name="'用户协议'" :border-bol="true" :click="handleClick"></NavArrow>
        <NavArrow :name="'第三方账号设置'" :border-bol="true" :click="handleClick"></NavArrow>
        <!-- <NavArrow :name="'退出登录'" :border-bol="false" :click="handleClick"></NavArrow> -->
        <ButtonBox :name="'退出登录'" :margin-top="'20px'" :click="handleOutLogin"></ButtonBox>
    </div>
</template>
<script setup lang="ts">
import ButtonBox from '@/components/button-box/index.vue'
import NavArrow from './components/nav-arrow/index.vue'

const handleClick = (key: string): void => {}
const handleOutLogin = (): void => {
    uni.clearStorageSync()
    uni.navigateTo({
        url: '/pages/login/index'
    })
}
</script>
<style scoped lang="scss">
.setting-main {
    min-height: 100vh;
    background: #eee;
    width: 100%;
}
</style>
